
.first {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: center;
    height: 200px;
}

.first>.flex-item {
    flex-basis: 150px;
}

.second {
    flex-flow: row wrap;
    justify-content: space-between;
    height: 200px;
}

.second>.flex-item {
    flex-basis: 150px;
}

.third {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: center;
    height: 200px;
}

.third>.flex-item {
    flex-basis: 150px;
}

.fourth {
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: center;
    height: 200px;
}

.fourth>.flex-item {
    flex-basis: 150px;
}

.fifth {
    flex-flow: column wrap;
    justify-content: space-between;
    align-content: center;
    height: 200px;
}

.fifth>.flex-item {
    flex-basis: 40px;
}

.sixth {
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    height: 200px;
}

.sixth>.flex-item {
    flex-basis: 250px;
}

.seventh {
    flex-flow: column wrap;
    justify-content: space-between;
    align-content: space-between;
    height: 200px;
}

.seventh>.flex-item {
    flex-basis: 80px;
}